<script type="text/javascript" src="__PUBLIC__/Home/js/common.js"></script>
<script type="text/javascript">
$(function(){
	$('.hot-album').soChange({
		thumbObj: '.hot-tab li',
		autoChange:false,
		slideTime:0,
		thumbNowClass: 'cur'
	})
	//左右滚动
	$('div[node-type="album"]').each(function(){
		$(this).movieScroll();
		$(this).operation();
	})
});
</script>
<div class="content">
	<div class="sub_banner"><a href="#"><img src="__PUBLIC__/Home/images/exp/sub_banner.jpg" width="980" height="92" alt=""></a></div>
  <!--left-->
  <div class="main-wrap">
  	<div class="set_album">
    	<h2>创建我的影集</h2>
      <div>
        <p class="text">是否因为某部电影让你想起了另外一部电影？<br>
          是否因为喜欢某个演员而喜欢上TA演过的电影？</p>
        <p>……<br>
          马上创建自己的影集吧，打造专属于你的电影世界！</p>
      </div>
      <a href="#"><em>创建我的影集</em>（已有3325个影集）</a>
   </div>
   <div class="album_nav">
   	<ul>
    	<li class="cur"><a href="#">最新影集</a>|</li>
      <li><a href="#">精选影集</a>|</li>
      <li><a href="#">全部影集</a></li>
    </ul>
    <div class="switch">
    	排序：<select>
      	<option>评分从高到低</option>
        <option>更新时间先后</option>
      </select>
      <a class="switch-lefton lefton-select" href="index.html">展开式</a><a class="switch-righton" href="list.html">收缩式</a>
    </div>
   </div>
   <!--影集列表-->
   <div class="m-album-list m-album-list-b">
   	<div class="m-album-item">
    	<div class="album-img"><a href="ablum_detail.html" title="那些年，我们一起追过的电影"><img src="__PUBLIC__/Home/images/exp/album-cover.jpg" class='img-m-album-item' alt="那些年，我们一起追过的电影"></a></div>
			<div class="album-discribe">
        <h3><a href="#" title="那些年，我们一起追过的电影">那些年，我们一起追过的电影</a></h3>
        <span class="grade-star"><em><i style="width:100px;"></i></em> 9.0</span>
        <p class="quantity">共22部影片<a href="#">查看影集</a></p>
        <p>岁月就象一条河，左岸是无法忘却的回忆，右岸是值得把握的青春年华，中间飞快流淌的，是年轻隐隐的伤感。世间有许多美好的东西，但真正属于自己的却并不多…… </p>
        <div class="album-info">
          <span>创建者：会飞的鱼</span>
          <span>创建时间：2012-06-19</span>
          <div class="album-operate">
            <span class="album-play" href="#"><i></i> 35224</span>
            <a class="album-collect" href="#"><i></i> 21212</a>
            <a class="album-post" href="#"><i></i> 21212</a>
            <a class="album-comment" href="#"><i></i> 21212</a>
          </div>
        </div>
			</div>
    </div>
    <div class="m-album-item">
    	<div class="album-img"><a href="#" title="那些年，我们一起追过的电影"><img src="__PUBLIC__/Home/images/exp/album-cover.jpg" class='img-m-album-item' alt="那些年，我们一起追过的电影"></a></div>
			<div class="album-discribe">
        <h3><a href="#" title="那些年，我们一起追过的电影">那些年，我们一起追过的电影</a></h3>
        <span class="grade-star"><em><i style="width:100px;"></i></em> 9.0</span>
        <p class="quantity">共22部影片<a href="#">查看影集</a></p>
        <p>岁月就象一条河，左岸是无法忘却的回忆，右岸是值得把握的青春年华，中间飞快流淌的，是年轻隐隐的伤感。世间有许多美好的东西，但真正属于自己的却并不多…… </p>
        <div class="album-info">
          <span>创建者：会飞的鱼</span>
          <span>创建时间：2012-06-19</span>
          <div class="album-operate">
            <span class="album-play" href="#"><i></i> 35224</span>
            <a class="album-collect" href="#"><i></i> 21212</a>
            <a class="album-post" href="#"><i></i> 21212</a>
            <a class="album-comment" href="#"><i></i> 21212</a>
          </div>
        </div>
			</div>
    </div>
    <div class="m-album-item">
    	<div class="album-img"><a href="#" title="那些年，我们一起追过的电影"><img src="__PUBLIC__/Home/images/exp/album-cover.jpg" class='img-m-album-item' alt="那些年，我们一起追过的电影"></a></div>
			<div class="album-discribe">
        <h3><a href="#" title="那些年，我们一起追过的电影">那些年，我们一起追过的电影</a></h3>
        <span class="grade-star"><em><i style="width:100px;"></i></em> 9.0</span>
        <p class="quantity">共22部影片<a href="#">查看影集</a></p>
        <p>岁月就象一条河，左岸是无法忘却的回忆，右岸是值得把握的青春年华，中间飞快流淌的，是年轻隐隐的伤感。世间有许多美好的东西，但真正属于自己的却并不多…… </p>
        <div class="album-info">
          <span>创建者：会飞的鱼</span>
          <span>创建时间：2012-06-19</span>
          <div class="album-operate">
            <span class="album-play" href="#"><i></i> 35224</span>
            <a class="album-collect" href="#"><i></i> 21212</a>
            <a class="album-post" href="#"><i></i> 21212</a>
            <a class="album-comment" href="#"><i></i> 21212</a>
          </div>
        </div>
			</div>
    </div>
    <div class="m-album-item">
    	<div class="album-img"><a href="#" title="那些年，我们一起追过的电影"><img src="__PUBLIC__/Home/images/exp/album-cover.jpg" class='img-m-album-item' alt="那些年，我们一起追过的电影"></a></div>
			<div class="album-discribe">
        <h3><a href="#" title="那些年，我们一起追过的电影">那些年，我们一起追过的电影</a></h3>
        <span class="grade-star"><em><i style="width:100px;"></i></em> 9.0</span>
        <p class="quantity">共22部影片<a href="#">查看影集</a></p>
        <p>岁月就象一条河，左岸是无法忘却的回忆，右岸是值得把握的青春年华，中间飞快流淌的，是年轻隐隐的伤感。世间有许多美好的东西，但真正属于自己的却并不多…… </p>
        <div class="album-info">
          <span>创建者：会飞的鱼</span>
          <span>创建时间：2012-06-19</span>
          <div class="album-operate">
            <span class="album-play" href="#"><i></i> 35224</span>
            <a class="album-collect" href="#"><i></i> 21212</a>
            <a class="album-post" href="#"><i></i> 21212</a>
            <a class="album-comment" href="#"><i></i> 21212</a>
          </div>
        </div>
			</div>
    </div>
    <div class="m-album-item">
    	<div class="album-img"><a href="#" title="那些年，我们一起追过的电影"><img src="__PUBLIC__/Home/images/exp/album-cover.jpg" class='img-m-album-item' alt="那些年，我们一起追过的电影"></a></div>
			<div class="album-discribe">
        <h3><a href="#" title="那些年，我们一起追过的电影">那些年，我们一起追过的电影</a></h3>
        <span class="grade-star"><em><i style="width:100px;"></i></em> 9.0</span>
        <p class="quantity">共22部影片<a href="#">查看影集</a></p>
        <p>岁月就象一条河，左岸是无法忘却的回忆，右岸是值得把握的青春年华，中间飞快流淌的，是年轻隐隐的伤感。世间有许多美好的东西，但真正属于自己的却并不多…… </p>
        <div class="album-info">
          <span>创建者：会飞的鱼</span>
          <span>创建时间：2012-06-19</span>
          <div class="album-operate">
            <span class="album-play" href="#"><i></i> 35224</span>
            <a class="album-collect" href="#"><i></i> 21212</a>
            <a class="album-post" href="#"><i></i> 21212</a>
            <a class="album-comment" href="#"><i></i> 21212</a>
          </div>
        </div>
			</div>
    </div>
    <div class="m-album-item">
    	<div class="album-img"><a href="#" title="那些年，我们一起追过的电影"><img src="__PUBLIC__/Home/images/exp/album-cover.jpg" class='img-m-album-item' alt="那些年，我们一起追过的电影"></a></div>
			<div class="album-discribe">
        <h3><a href="#" title="那些年，我们一起追过的电影">那些年，我们一起追过的电影</a></h3>
        <span class="grade-star"><em><i style="width:100px;"></i></em> 9.0</span>
        <p class="quantity">共22部影片<a href="#">查看影集</a></p>
        <p>岁月就象一条河，左岸是无法忘却的回忆，右岸是值得把握的青春年华，中间飞快流淌的，是年轻隐隐的伤感。世间有许多美好的东西，但真正属于自己的却并不多…… </p>
        <div class="album-info">
          <span>创建者：会飞的鱼</span>
          <span>创建时间：2012-06-19</span>
          <div class="album-operate">
            <span class="album-play" href="#"><i></i> 35224</span>
            <a class="album-collect" href="#"><i></i> 21212</a>
            <a class="album-post" href="#"><i></i> 21212</a>
            <a class="album-comment" href="#"><i></i> 21212</a>
          </div>
        </div>
			</div>
    </div>
   </div> 
    <!--翻页-->
   <div class="page-nav">
    	<span>上一页</span>
      <a class="cur" href="#">1</a>
      <a href="#">2</a>
      <a href="#">3</a>
      <a href="#">4</a>
      <a href="#">5</a>
      <a href="#">6</a>
      ...
      <a href="#">17</a>
      <a href="#">18</a>
      <a class="next" href="#">下一页</a>
      &emsp;到 <input type="text"> 页 <button type="button">确定</button>
    </div> 
  </div>
  <!--right-->
  <div class="side-wrap">
  	<!--热议影集-->
    <div class="hot-tab">
    	<ul>
			<li>1</li>
			<li>2</li>
			<li>3</li>
		  </ul>
		<h2 class="h2-title">热议影集</h2>
      <span></span>
      <div class='clear'></div>
    </div>
    <div class="hot-album">
      <h3><a href="#">一生中必看的0部电影</a></h3>
      <a href="#"><img src="__PUBLIC__/Home/images/exp/poster.jpg" width="307" height="365" alt="一生中必看的0部电影"></a>
      <p>每个人一生中都会看很多电影，经典爱情片、战争片或者喜剧片。但是我相信有些电影值得你去看。那么这些电影是哪些呢？现在，你就是评委，我们等待你的评选。</p>
      <a href="#" class="write-btn">我有话说</a>
    </div>
    <div class="hot-album">
      <h3><a href="#">一生中必看的10部电影</a></h3>
      <a href="#"><img src="__PUBLIC__/Home/images/exp/poster.jpg" width="307" height="365" alt="一生中必看的0部电影"></a>
      <p>每个人一生中都会看很多电影，经典爱情片、战争片或者喜剧片。但是我相信有些电影值得你去看。那么这些电影是哪些呢？现在，你就是评委，我们等待你的评选。</p>
      <a href="#" class="write-btn">我有话说</a>
    </div>
    <div class="hot-album">
      <h3><a href="#">一生中必看的100部电影</a></h3>
      <a href="#"><img src="__PUBLIC__/Home/images/exp/poster.jpg" width="307" height="365" alt="一生中必看的0部电影"></a>
      <p>每个人一生中都会看很多电影，经典爱情片、战争片或者喜剧片。但是我相信有些电影值得你去看。那么这些电影是哪些呢？现在，你就是评委，我们等待你的评选。</p>
      <a href="#" class="write-btn">我有话说</a>
    </div>
    <!--片友达人-->
    <h2 class="h2-title">片友达人</h2>
    <div class="user-box user-box-index">
			<ul>
				<li><a href="#"><img src="__PUBLIC__/Home/images/exp/user-4.jpg" class='img-user-logo' alt="安室奈美恵症状"></a></li>
				<li><h5><a href="#" title="安室奈美恵症状">安室奈美恵症状</a></h5></li>
				<li><h6>(12356)</h6></li>
			</ul>
			<ul>
				<li><a href="#"><img src="__PUBLIC__/Home/images/exp/user-4.jpg" class='img-user-logo' alt="安室奈美恵症状"></a></li>
				<li><h5><a href="#" title="安室奈美恵症状">安室奈美恵症状</a></h5></li>
				<li><h6>(12356)</h6></li>
			</ul>
			<ul>
				<li><a href="#"><img src="__PUBLIC__/Home/images/exp/user-4.jpg" class='img-user-logo' alt="安室奈美恵症状"></a></li>
				<li><h5><a href="#" title="安室奈美恵症状">安室奈美恵症状</a></h5></li>
				<li><h6>(12356)</h6></li>
			</ul>
			<ul>
				<li><a href="#"><img src="__PUBLIC__/Home/images/exp/user-4.jpg" class='img-user-logo' alt="安室奈美恵症状"></a></li>
				<li><h5><a href="#" title="安室奈美恵症状">安室奈美恵症状</a></h5></li>
				<li><h6>(12356)</h6></li>
			</ul>

			<ul>
				<li><a href="#"><img src="__PUBLIC__/Home/images/exp/user-4.jpg" class='img-user-logo' alt="安室奈美恵症状"></a></li>
				<li><h5><a href="#" title="安室奈美恵症状">安室奈美恵症状</a></h5></li>
				<li><h6>(12356)</h6></li>
			</ul>
			<ul>
				<li><a href="#"><img src="__PUBLIC__/Home/images/exp/user-4.jpg" class='img-user-logo' alt="安室奈美恵症状"></a></li>
				<li><h5><a href="#" title="安室奈美恵症状">安室奈美恵症状</a></h5></li>
				<li><h6>(12356)</h6></li>
			</ul>
			<ul>
				<li><a href="#"><img src="__PUBLIC__/Home/images/exp/user-4.jpg" class='img-user-logo' alt="安室奈美恵症状"></a></li>
				<li><h5><a href="#" title="安室奈美恵症状">安室奈美恵症状</a></h5></li>
				<li><h6>(12356)</h6></li>
			</ul>
			<ul>
				<li><a href="#"><img src="__PUBLIC__/Home/images/exp/user-4.jpg" class='img-user-logo' alt="安室奈美恵症状"></a></li>
				<li><h5><a href="#" title="安室奈美恵症状">安室奈美恵症状</a></h5></li>
				<li><h6>(12356)</h6></li>
			</ul>

			<ul>
				<li><a href="#"><img src="__PUBLIC__/Home/images/exp/user-4.jpg" class='img-user-logo' alt="安室奈美恵症状"></a></li>
				<li><h5><a href="#" title="安室奈美恵症状">安室奈美恵症状</a></h5></li>
				<li><h6>(12356)</h6></li>
			</ul>
			<ul>
				<li><a href="#"><img src="__PUBLIC__/Home/images/exp/user-4.jpg" class='img-user-logo' alt="安室奈美恵症状"></a></li>
				<li><h5><a href="#" title="安室奈美恵症状">安室奈美恵症状</a></h5></li>
				<li><h6>(12356)</h6></li>
			</ul>
			<ul>
				<li><a href="#"><img src="__PUBLIC__/Home/images/exp/user-4.jpg" class='img-user-logo' alt="安室奈美恵症状"></a></li>
				<li><h5><a href="#" title="安室奈美恵症状">安室奈美恵症状</a></h5></li>
				<li><h6>(12356)</h6></li>
			</ul>
			<ul>
				<li><a href="#"><img src="__PUBLIC__/Home/images/exp/user-4.jpg" class='img-user-logo' alt="安室奈美恵症状"></a></li>
				<li><h5><a href="#" title="安室奈美恵症状">安室奈美恵症状</a></h5></li>
				<li><h6>(12356)</h6></li>
			</ul>
	  <div class='clear'></div>
    </div>
  </div>
</div>